<template>
  <right-canvas-template :title="componentData.title" :tabName="componentData.tabName">
    <el-form class="right-bitmap-text">
      <input-normal label="文本" v-model="commonAttr.text"  @change="onChangeAttr"></input-normal>
      <dropdown-normal v-model="commonAttr.itemType" :valLists="BITMAP_TEXT_ITEM_TYPES" label="文本类型" :bIsBtn="false" @change="onChangeAttr" ></dropdown-normal>
      <input-normal label="放大倍数" v-model="commonAttr.scale" @change="onChangeAttr"></input-normal>

      <add-img-con :url="commonAttr.url" comAttr="commonAttr" picAttr="url" :isCrop="false" :isDelete="true" class="margin-left-right-16"></add-img-con>
      <textarea-normal label="动画帧" v-model="commonAttr.animations"  @change="onChangeAttr"></textarea-normal>
      <textarea-normal label="帧数据" v-model="commonAttr.frames"  @change="onChangeAttr"></textarea-normal>
      <textarea-normal label="进度对应帧数据" v-model="commonAttr.processes"  @change="onChangeAttr"></textarea-normal>
    </el-form>
  </right-canvas-template>
</template>
<script>
import RightCanvasTemplate from '@/views/canvas/right/right-canvas-template.vue'
import InputNormal from '@/views/components/edit/InputNormal.vue'
import TextareaNormal from '@/views/components/edit/TextareaNormal.vue'
import AddImgCon from '@/views/components/add-img-con.vue'
import DropdownNormal from '@/views/components/edit/DropdownNormal.vue'

import { canvasUtils } from '@/views/js/canvas-utils'
import { BITMAP_TEXT_ITEM_TYPES } from '@/common/const-canvas'

export default {
  name: "RightBitmapText",
  mixins: [canvasUtils],
  setup () {
    return {
      BITMAP_TEXT_ITEM_TYPES: BITMAP_TEXT_ITEM_TYPES,
    }
  },
  created() {},
  components: {
    RightCanvasTemplate,
    InputNormal,
    AddImgCon,
    TextareaNormal,
    DropdownNormal,
  },
  
};
</script>
